<template>
  <div class="bg">
    <div class="left">
      <Left />
    </div>
    <router-view v-slot="{ Component, route }">
      <transition name="fade">
        <component :is="Component" :key="route.path" />
      </transition>
    </router-view>
  </div>
</template>

<script setup>
import Left from './left'

</script>

<style scoped lang="scss">
.bg {
  width: 1350px;
  height: 800px;
  overflow: hidden;
  box-sizing: content-box;
  padding: 20px;
  padding-top: 10px;
  display: grid;
  grid-template-columns: 250px 1fr;

  .left {
    border-right: 1px solid #ccc;
  }
}
</style>
